<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/templateFormulario.xhtml">
	
	<ui:define name="formContent">
		<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
		<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
		
		<p:dialog modal="true" widgetVar="statusDialog" header="Conffirmation"   
		        draggable="false" closable="false">  
		    <p:graphicImage value="../../resources/img/ajaxloadingbar.gif" />
		</p:dialog>
		<p:dialog header="#{msg['message.devLlid.confirmationDialog']}" widgetVar="dlgConfirmation" modal="true" height="110" closable="false" styleClass="centerContent" >  
		    <p:messages id="messages2" showDetail="true" autoUpdate="true" closable="true" />
	    	<p:commandButton id="btnContinue" value="#{msg['message.devLlid.actionBtnContinuar']}"
						action="#{asignaGeneracionMB.continuar}"
						style="width:100%;" />
		</p:dialog>
		<p:dialog header="#{msg['message.devLlid.confirmationDialog']}" widgetVar="dlgConfirmCancel" modal="true" height="80" closable="false" styleClass="centerContent" >  
		    <p:messages id="messages3" showDetail="true" autoUpdate="true" closable="true" />
		    <h:panelGrid columns="2" styleClass="centerContent">
		    	<p:commandButton id="btnContinueCancel" value="#{msg['message.cancelMessage2']}"
							action="#{asignaGeneracionMB.continueCancel}"/>
				<p:commandButton id="btnCancelCancel" value="#{msg['message.cancelMessage']}"
							action="#{asignaGeneracionMB.cancelCancel}"/>
		    </h:panelGrid>
		</p:dialog>
		
		<h:panelGrid columns="2">
		
			<h:panelGrid columns="2" style="font-size: 12px; font-weight:bold;">
				<p:outputLabel value="#{msg['message.devLlid.titleNctrl']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaNumeroControl}" id="ncInput" size="25" disabled="true" />
										
				<p:outputLabel value="#{msg['message.devLlid.titleFechaNacimiento']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistafechaNacimiento}" id="fenaInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleFechaIngreso']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaFechaIngreso}" id="feinInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleGraPer']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaGradoPersona}" id="grapeInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleCentroCosto']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaCentroCostos}" id="ccInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleArea']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaArea}" id="areInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleTitulo']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaTitulado}" id="titInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleEvaDes']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaEvaluacionDesempeno}" id="evdeInput" size="25" disabled="true"/>
				
				
			</h:panelGrid>
			
			<h:panelGrid columns="2" style="font-size: 12px; font-weight:bold;">
				<p:outputLabel value="#{msg['message.devLlid.titleNombre']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaNombre}" id="nameInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleEdad']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaEdad}" id="edadInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleAntiguedad']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaAntiguedad}" id="antInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleGraPos']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaGradoPosicion}" id="grapoInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleCom']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaCompania}" id="compInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleEscolaridad']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaEscolaridad}" id="escInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titlePosicion']}:"/>
				<p:inputText value="#{asignaGeneracionMB.vistaPosicion}" id="posInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleGeneracion']}:"/>
				
				
				<p:selectOneMenu id="city" value="#{asignaGeneracionMB.vistaGeneracion}">  
	                <f:selectItem itemLabel="Choose option" itemValue="" />  
	                <f:selectItems value="#{asignaGeneracionMB.generacioList}" />  
	                 
	            </p:selectOneMenu> 
				
			</h:panelGrid>
			
		</h:panelGrid>
		
		<p:separator/>
		
		<h:panelGrid columns="1" style="font-size: 12px; font-weight:bold;" >
			<h:panelGrid columns="1" style="font-size: 12px; font-weight:bold;">
				<p:outputLabel value="#{msg['message.devLlid.titleMotivo']}:"/>
			</h:panelGrid>
			<h:panelGrid columns="1" style="font-size: 12px; font-weight:bold;">
				<p:inputTextarea id="motivoTa" maxlength="250" required="true" 
				cols="110" value="#{asignaGeneracionMB.vistaMotivo}" 
				disabled="true"/>
			</h:panelGrid>
		</h:panelGrid>
		
		<p:separator/>

		<div id="mainFormBotones">
            <h:panelGrid id="pnlGridBotones" styleClass="centerContent">
				<ui:include src="/plantilla/botones.xhtml" />
            </h:panelGrid>
		</div>
		
	</ui:define>
</ui:composition>
